

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #888;
  
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #333;
}
ul, li, ol, dl, dd, dt{list-style-type:none;}
*{margin:0; padding:0;}
html, body{font-family:Dotum, Helvetica,sans-serif; font-size:12px; color:#666666; line-height:1;}
ul, li, ol, dl, dd, dt{list-style-type:none;}
blockquote, q{quotes: none;} 
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display:block;}
img{max-width:100%; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic;}
button, input, select, textarea{margin:0; font-size:100%; vertical-align:middle;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0; border:0;}
button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"]{cursor:pointer;}
input[type="radio"], input[type="checkbox"]{vertical-align:baseline;}
p{font-size:12px; line-height:18px;}
em, address{font-style:normal}
a, a:link, a:active, a:visited, a:hover{color:#666666; text-decoration:none; outline:0;}

.toggle_menu{display:block; width:32px; height:32px;background:url("../img/mypage/glyphicons-halflings.png") -352px -42px;}

.action:hover
{
    cursor:pointer;
}
.mypage .w193
 {
    width:193px;
 }
 .mypage .w98
 {
    width:98px;
   
 }
 .mypage .w35
 {
    width:35px;
 }
 .mypage .w48
 {
    width:48px;
 }
 .mypage .w77
 {
    width:77px;
 }
 .mypage .w157
 {
    width:147px;
 }
 .mypage .w246
 {
    width:236px;
 }
 .mypage .w69
 {
    width:59px;
 }
 .mypage .w253
 {
    width:245px;
 }
 .mypage .w463
 {
    width:455px;
 }
 .mypage .fsize11
 {
    font-size:11px;
 }
.mypage .c666
 {
    color:#666;
 }
.mypage  .c666b
  {
    font-weight:bold;
    color:#666;
  }
.mypage .wfull{width:100%;}
 .btn_action_pink
 {
    
    text-align: center;
    color:#fff;
    display:block;
    line-height:23px;
    background:#ff5b90;
    margin:0px auto;
    width:91px;
    height:44px;
    line-height:42px;
 }

.mypage .conner3
{
     behavior: url(css/pie/PIE.htc);
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}

.mypage .conner5
{
     behavior: url(css/pie/PIE.htc);
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}

.mypage .conner6
{
     behavior: url(css/pie/PIE.htc);
    border-radius: 3px 3px 0px 0px;
    -webkit-top-left-border-radius:3px;
    -moz-border-top-left-radius:3px;
}
 .btn_action
 {
    color:#666;
    text-align: center;
    border:1px solid #cfcfcf;
    display:block;
    
    background:#fff;
    
    width:124px;
    height:29px;
    font-size:12px;
    line-height:31px;
    line-height:29px\9;
 }
 .btn_action2
 {
    
    /* border:1px solid #cfcfcf; */
    text-align: center;
    color:#666666;
    display:block;
    line-height:26px;
    line-height:26px\9;
    background:#efefef;
    margin:0px auto;
    width:64px;
    height:24px;
    
 }
 .btn_action_pink
 {
    
    text-align: center;
    color:#fff;
    display:block;
    line-height:23px;
    background:#ff5b90;
    margin:0px auto;
    width:91px;
    height:44px;
    line-height:42px;
 }

/* --//////////////////////////////////////////////////////////////////////-- */
/* BREADCRUMB STYLE */
/* --//////////////////////////////////////////////////////////////////////-- */
.breadcrumb{background: #fafafa; border: 1px solid #f5f5f5; padding:10px 12px 10px 7px;margin-bottom:0px; color:#666666; font-size:12px; behavior:url('css/border-radius.htc'); border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
.breadcrumb span.home{display:inline-block; width:16px; height:16px; background:url('../img/common/ic_home.gif') center no-repeat; margin-right:1px;}
.breadcrumb span.home.blue{background:url('../img/common/ic_home_blue.gif')}
.breadcrumb span.cursor{display:inline-block; width:5px; height:16px; background:url('../img/common/ic_cursor.gif') center no-repeat; margin:0 4px 0 3px;}
.breadcrumb span.home, .breadcrumb span.cursor{margin-bottom:-3px;}
.breadcrumb strong{font-weight:800;}
.breadcrumb strong:last-child{margin-left:1px;}
#header {height:171px; margin-bottom:10px; background:url('../img/common/bg_header.jpg') left top repeat-x;}
#footer {background:url('../img/common/bg_footer.jpg') left top repeat-x;margin-top:100px;}

/*///////////////////////////////////
*   IMAGE COMMON STYLE
--/////////////////////////////////*/ 

.img-responsive, 
.thumbnail > img, 
.thumbnail a > img, 
.carousel-inner > .item > img,
 .carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}
.mypage #main{margin-top:30px;}

.mypage #right .title
{
    margin-top: ;
}
 .mypage #right .title  p
 {
    text-align:left;
 }
 
 .mypage #right .title p#title
 {
    font-weight:bold;
    font-size:16px;
    margin-bottom:7px;
 }
 .mypage #right .title p#content
 {
    margin-bottom:16px;
    line-height:18px;
    color:#888 !important;
 }


 /*=========================================TABS TABLE STYLE============================================================================================================ */

 
.mypage #right #tabs #controller
{
    display:block;
    margin:0px; 
    height:36px;
    border-bottom:1px solid #666;
    position:relative;
    
}
 
.mypage  #right #tabs #controller div.conner6
{
   
   height:36px;
   
   float:left;
   border:1px solid #eee;
   border-bottom: none;   
   text-align:center;
   
   
   line-height:35px;

    word-spacing: -3px;
    z-index:1000;
}
.mypage #right #tabs #controller div.conner6 a
{
    display:block;
    width:100%;
    height:100%;
    color:#888;
    
}
.mypage  #right #tabs #controller div.active
 {
    
    font-weight:bold;
     border:1px solid #666;
     border-bottom:1px solid #fff !important;
     background:#fff;
     
 }
.mypage #right #tabs #controller div.conner6:hover
 {
    background:#fafafa;
    cursor:pointer;
     
    font-weight:bold;
    
 }
.mypage  #right #tabs #controller div.conner6:hover a,
.mypage  #right #tabs #controller div.active a
 {
    color:#666;
 }
 
/*
*   TABLE COMMON STYLE
*/
 .mypage table.table_style1
 {
     border:1px solid #eee;
         
     border-top:2px solid #ddd;
      border-collapse: separate;
     border-spacing: 0px;
      *border-collapse: expression('separate', cellSpacing = '0px');
         
 }
.mypage table.table_style1 tr
  {
    
  }
.mypage table.table_style1 th
 {
    
    background: url("../img/mypage/table_th_separator.png") center right no-repeat;
     text-align:center;
    line-height:12px;
    color:#666;
    padding:0px;
    height:36px;
    line-height:36px;
    border:none !important;
    vertical-align: middle;
    border-bottom:1px solid #ddd !important;
    
 }
.mypage table.table_style1 th.last
{
    background:none;
}
.mypage table.table_style1 td
  {
   border-bottom:1px solid #eee;
    border-top:none;
    height:40px;
    text-align:center;
    vertical-align: middle;
    color:#888;
    padding:0px !important;
  }
.mypage table.table_style1 th#col1,
.mypage table.table_style1 td#col1
  {
    border-left: none;
  }
.mypage table.table_style1 td.last
  {
    border-right:none;
  }

.mypage table.table_style1 tr.last td
  {
    border-bottom:none;
  }

.no-left{margin-left:0px;}
.no-right{margin-right:0px;}
.no-margin{margin-left:0px;margin-right:0px;}